import React, { Component } from 'react'
import { WingBlank, WhiteSpace, Card } from 'antd-mobile'


class CardList extends Component {
  render() {
    const { listinfo } = this.props;
    return (
      <WingBlank size="lg">
        <WhiteSpace size="lg" />
        {listinfo.map(v => {
          return (
            <Card key={v._id}>
              <Card.Header
                title={v.user}
                thumb={require(`../../static/img/${v.avatar}.png`)}
                extra={<span>{v.title}</span>}
              />
              <Card.Body>
                <div>{v.desc}</div>
              </Card.Body>
              {/* <Card.Footer content="footer content" extra={<div>extra footer content</div>} /> */}
            </Card>
          )
        })}
        <WhiteSpace size="lg" />
      </WingBlank>
    )
  }
}

export default CardList